<template>
	
	<view>
		<view class="zhaon_back" >
			<text class="title">魔杰龙成长计划</text>
			<view class="title_name">{{list[current]['title']}}</view>
			<view class="line_box">
				<u-line color="#DBDBDB"></u-line>
			</view>
			
			<view 
				:class="{'tile_text0': current == 0, 
				'tile_text1': current == 1,
				'tile_text2': current == 2,
				'tile_text3': current == 3,
				'tile_text4': current == 4,
				'tile_text5': current == 5,
				'tile_text6': current == 6,
				'tile_text7': current == 7,
				'tile_text8': current == 8,
				}"
			>
				<block v-for="(item, index) in list[current]['t_list']">
					<view style="letter-spacing: 1upx;">{{item}}</view>
				</block>
			</view>
			
			<view class="guig_img_box" v-show="current == 0">
				<image src="../../../../static/img/zhunxiangfuwu/spefi.png" class="gui_img"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name: 'ZnSwiperContent',
		props:{
			current: Number,
		},
		data(){
			return {
				list:[
				{
					title: '免费纸尿裤',
					t_list:[
						'·成功加入计划后每月可以在尊享服务中免费订购纸尿裤一箱。',
						'·每月免费订购功能于次月1日系统自动刷新，·每月只能免费订购一次，不可跨月累计。',
						'·在次月1日前未免费订购本月产品的用户，则视为自动放弃本月的免费订购。',
						'·免费订购纸尿裤规格如下：'
					]
				}, {
					title: '线上早教课',
					t_list:[
		'为满足各位家长的早教需求，魔杰龙推出线上课程，这样家长和宝宝在足不出户的情况下也能学习到早期教育，让宝宝的发展快人一步。',
		'·这是一款依托于世界权威婴幼儿早期教育标准–The Early Years Foundation Stage（EYFS）体系理论研发而成的，专门针对0-3岁婴幼儿的线上课程。',
		'·课程旨在帮助他们能够在以下几个方面得到充分的锻炼：沟通和语言、身体的发展、个人，社交和情感的发展、读写能力、数学、对世界的理解、艺术和设计的表现力。最终让每个宝宝都能成长为身心健康、拥有安全感的成功且快乐的人。'
					]
				}, {
					title: '每月运费卷',
					t_list:[
						'·加入成长计划每月可获得1张运费抵用券，三个月供可获得3张（每张20元）',
						'·运费卷可用于抵扣尊享服务中每月的免费订购产品。',
						'·运费卷由系统自动发至我的优惠券中，3个工作日内到账，有效期为发放后30天'
					]
				}, {
					title: '5折加购',
					t_list:[
						'·每月在免费订购的提交页面，提供精选优质商品5折推荐',
					]
				}, {
					title: '全国通用',
					t_list:[
						'魔杰龙目前在全国拥有1600个销售点',
						'魔杰龙已在20个城市铺设了销售点，分别坐落在广州、深圳、北京、上海、惠州、东莞、珠海、湛江、中山、佛山、杭州、苏州、武汉、长沙、南京、厦门、成都、天津、宁波、常州。',
					]
				}, {
					title: '在线育儿师',
					t_list:[
						'·一对一线上育婴师、营养师、早教师咨询服务',

'1.专业育婴师用正确的方法科学睇引导婴幼儿的行为、睡眠、动作等',
'2.营养师根据年龄、性别、身体体质和体能状态，制定个性化的科学膳食营养方案。',
'3.早教师可以培养行为习惯和思想、心灵启蒙，并根据目标让孩子养成良好的行为习惯。'
					]
				},{
					title: '30天退换',
					t_list:[
						'加入成长计划后在线上小程序购物享受30无',
					]
				},{
					title: '生日大礼包',
					t_list:[
						'活动期间，完善宝宝生日信息并加入成长计划',
					]
				}]
			}
		},
		methods:{
			change(e){
				console.log(123)
			}
		}
	}
</script>

<style>
	.zhaon_back{
		width: 640upx;
		background: linear-gradient(180deg, #FFF2E8 0%, #FFFAF7 15%, #FFFFFF 100%);
		border-radius: 10upx;
		padding: 64upx 36upx 100upx 36upx;
		box-sizing: border-box;
		height: 888upx;
	}
	.title{
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 34upx;
	}
	.title_name{
		font-size: 44upx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #333333;
		line-height: 60upx;
		margin-top: 34upx;
	}
	.tile_text0{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 34upx;
		height: 340upx;
		margin-top: 36upx;
	}
	.tile_text1{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 34upx;
		height: 500upx;
		margin-top: 36upx;
	}
	.tile_text2{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 34upx;
		height: 372upx;
		margin-top: 36upx;
	}
	.tile_text3{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		/* line-height: 34upx; */
		/* height: 272upx; */
		margin-top: 36upx;
	}
	.tile_text4{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 34upx;
		height: 272upx;
		margin-top: 36upx;
	}
	.tile_text5{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 34upx;
		height: 372upx;
		margin-top: 36upx;
	}
	.tile_text6{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		/* line-height: 34upx;
		height: 272upx; */
		margin-top: 36upx;
	}
	.tile_text7{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		/* line-height: 34upx;
		height: 272upx; */
		margin-top: 36upx;
	}
	.tile_text8{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		/* line-height: 34upx;
		height: 272upx; */
		margin-top: 36upx;
	}
	.line_box{
		margin-top: 26upx;
	}
	.guig_img_box{
		width: 572upx;
		height: 184upx;
		margin-top: 22upx;
	}
	.gui_img{
		width: 572upx;
		height: 184upx;
	}
</style>
